<template>
  <div class="article">
    <div class="article_sec">
      <aeticleContent></aeticleContent>
    </div>
    <div class="article_foot">
      <u-button style="width:90%;" shape="circle" @click="addArticle" type="primary">发表文章</u-button>
    </div>
  </div>
</template>
<script>
import aeticleContent from './aeticleContent';
export default {
  data() {
    return {
      
    }
  },
  components:{aeticleContent},
  methods: {
    tabsChange(index) {
      this.current = index;
    },
    addArticle(){
      uni.navigateTo({
         url: './addArticle'
      });
    }
  },
}
</script>
<style lang="scss">
  .article{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    .article_sec{
      flex: 1;
      overflow-y: auto;
    }
    .article_foot{
      width: 100%;
      height: 100rpx;
      display: flex;
      align-items: center;
      justify-content: center;
    }

  }
</style>